<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>视频数据分析</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>

    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;500;600;700&amp;display=swap' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/bootstrap.min.css}">

    <link  rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/analysis.css}">
    <link  rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/top.css}">
</head>
<body>
<section id="content">
    <div id="header">
        <div class="header-nav">
            <div class="menu-button">
                <!--<i class="fa fa-navicon"></i>-->
            </div>
            <div class="nav">
                <a class="btn btn-info btn-xs" th:href="@{/analysis/browser}">浏览数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/comment}">评论数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/bulletChat}">弹幕数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/like}">点赞数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/coin}">投币数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/collect}">收藏数据</a> &nbsp;  &nbsp;&nbsp;</h3>
            </div>
        </div>
    </div>
    <div class="content">

        <div class="widget-box sample-widget">
            <div class="widget-header">
                <h2>浏览数据</h2>
                <i class="fa fa-cog"></i>
            </div>
            <div class="widget-content" th:each="item:${browserData}">
                <article class="leaderboard__profile">
                    <img th:src="@{/video/getVideoCoverageImgById/} + '?videoId=' + ${item.videoId}" th:alt="封面" class="leaderboard__picture">
                    <span class="leaderboard__name" th:text="${item.videoTitle}"></span>
                    <span class="leaderboard__value" th:text="${item.dataCount}">35.7<span>C</span></span>
                </article>
            </div>
        </div>
        <div class="widget-box sample-widget">
            <div class="widget-header">
                <h2>评论数据</h2>
                <i class="fa fa-cog"></i>
            </div>
            <div class="widget-content" th:each="item:${commentData}">
                <article class="leaderboard__profile">
                    <img th:src="@{/video/getVideoCoverageImgById/} + '?videoId=' + ${item.videoId}" th:alt="封面" class="leaderboard__picture">
                    <span class="leaderboard__name" th:text="${item.videoTitle}"></span>
                    <span class="leaderboard__value" th:text="${item.dataCount}">35.7<span>C</span></span>
                </article>
            </div>
        </div>
        <div class="widget-box sample-widget">
            <div class="widget-header">
                <h2>点赞数据</h2>
                <i class="fa fa-cog"></i>
            </div>
            <div class="widget-content" th:each="item:${likedData}">
                <article class="leaderboard__profile">
                    <img th:src="@{/video/getVideoCoverageImgById/} + '?videoId=' + ${item.videoId}" th:alt="封面" class="leaderboard__picture">
                    <span class="leaderboard__name" th:text="${item.videoTitle}"></span>
                    <span class="leaderboard__value" th:text="${item.dataCount}">35.7<span>C</span></span>
                </article>
            </div>
        </div>
        <div class="widget-box sample-widget">
            <div class="widget-header">
                <h2>投币数据</h2>
                <i class="fa fa-cog"></i>
            </div>
            <div class="widget-content" th:each="item:${coinData}">
                <article class="leaderboard__profile">
                    <img th:src="@{/video/getVideoCoverageImgById/} + '?videoId=' + ${item.videoId}" th:alt="封面" class="leaderboard__picture">
                    <span class="leaderboard__name" th:text="${item.videoTitle}"></span>
                    <span class="leaderboard__value" th:text="${item.dataCount}">35.7<span>C</span></span>
                </article>
            </div>
        </div>
        <div class="widget-box sample-widget">
            <div class="widget-header">
                <h2>收藏数据</h2>
                <i class="fa fa-cog"></i>
            </div>
            <div class="widget-content" th:each="item:${likedData}">
                <article class="leaderboard__profile">
                    <img th:src="@{/video/getVideoCoverageImgById/} + '?videoId=' + ${item.videoId}" th:alt="封面" class="leaderboard__picture">
                    <span class="leaderboard__name" th:text="${item.videoTitle}"></span>
                    <span class="leaderboard__value" th:text="${item.dataCount}">35.7<span>C</span></span>
                </article>
            </div>
        </div>
        <div class="widget-box sample-widget">
            <div class="widget-header">
                <h2>弹幕数据</h2>
                <i class="fa fa-cog"></i>
            </div>
            <div class="widget-content" th:each="item:${bulletChatData}">
                <article class="leaderboard__profile">
                    <img th:src="@{/video/getVideoCoverageImgById/} + '?videoId=' + ${item.videoId}" th:alt="封面" class="leaderboard__picture">
                    <span class="leaderboard__name" th:text="${item.videoTitle}"></span>
                    <span class="leaderboard__value" th:text="${item.dataCount}">35.7<span>C</span></span>
                </article>
            </div>
        </div>

    </div>
</section>

</body>


</html>